
<html><head><title>Compass</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width maximum-scale=1 initial-scale=1 user-scalable=no">
<style>
body {
    margin: 0;
    padding: 0;
    font-family: Helvetica, Arial;
    overflow: hidden;
}

* {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
}

#compass {
    position:absolute;
	top:50px;
	right:30px;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 80ms linear;
}

</style>
</head>
<script src="http://www.prism.gatech.edu/~xxie37/ar/compass/compass.js"></script>
<body>
<div id="compass"></div>

<script>
	compass.initialCanvas();
	var obj = document.getElementById("compass");
	obj.appendChild(compass.canvas);
	compass.showcompass();
	compass.updatecompass();
</script>
</body>
</html>
